.canvas-container {
    display: flex;
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
    .left-tree {
        flex: 0.15;
        border-right: 2px solid #797979;
        background-color: inherit;
        .ant-tree {
            background-color: transparent;
            color: #fff;                                     
        }
    }
    .right-content {
        flex: 0.85;
        .tool-bar {
            height: 60px;
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            align-items: center;
            .left-todo {
                width: 50%;
                height: 100%;
            }
            .right-form {
                width: 50%;
                height: 100%;
                margin-top: 20px;
            }
        }
        .svg-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-top: -10px;
            .csContainer {
                height: 50%;
            }
            .zzContainer {
                height: 50%;
                margin: 0 auto;
            } 
        }  
    }
    
}

/deep/.ant-form-item-label > label {
    color: #ffffffd8;
}